<!doctype html>
<html lang="en" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
	<link rel="stylesheet" href="css/style3.css"> <!-- Resource style -->
	<link rel="stylesheet" type="text/css" href="css/style4.css">

	<script src="js/modernizr.js"></script> <!-- Modernizr -->
	<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
	<title>永辉——顾客服务</title>
<script type="text/javascript">
	function verify() {
		 var name = $("#name").val();
		 var dianhua  = $("#dianhua").val();
		 var Message = $("#Message").val();
		 if (name == '' || name==null) {
			 alert('请填写姓名');
			 return false;
		 }
		 if(dianhua==''){
			 alert('请填写电话号码');
			 return false;
		 }
		 if(dianhua.length < 11){
			 alert('电话号码少于11位，请重新填写')
			 return false;
		 }
		 if(Message ==''){
			 alert('请填写留言，留下您宝贵的意见');
			 return false;
		 }
		 else{
			 alert('提交成功，感谢您提出的宝贵意见！');
			 return false;
		 }
	}
</script>		 

		
</head>
<body>
	<nav class="cd-side-navigation">
		<ul>
			<li>
				<a onclick="window.location = 'fuwulinian.html' " data-menu="index">
					<svg class="nc-icon outline"  x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24"><g transform="translate(0, 0)"> <polygon fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="12,2 3,10 3,23 9,23 9,16 15,16 15,23 21,23 21,10 " stroke-linejoin="miter"></polygon> </g></svg>
					服务理念
				</a>
			</li>
			<li>
					<a onclick="window.location = 'xiaofeitousu.html' " class="selected" data-menu="contact">
						<svg class="nc-icon outline" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24"><g transform="translate(0, 0)"> <polyline data-color="color-2" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points=" 19,7 12,14 5,7 " stroke-linejoin="miter"></polyline> <rect x="1" y="3" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="22" height="18" stroke-linejoin="miter"></rect> <line data-color="color-2" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="7" y1="15" x2="5" y2="17" stroke-linejoin="miter"></line> <line data-color="color-2" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="17" y1="15" x2="19" y2="17" stroke-linejoin="miter"></line> </g></svg>
						</svg>
						消费投诉
						
					</a>
				</li>
			<li>
				<a onclick="window.location = 'xiazaiyingyong.html' " data-menu="services">
						<svg class="nc-icon outline" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24"><g transform="translate(0, 0)"> <rect x="1" y="1" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="22" height="22" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="5" y="5" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="5" height="5" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="14" y="5" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="5" height="5" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="5" y="14" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="5" height="5" stroke-linejoin="miter"></rect> <rect data-color="color-2" x="14" y="14" fill="none" stroke="#4a5261" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="5" height="5" stroke-linejoin="miter"></rect> </g></svg>
					下载应用
				</a>
			</li>
			
		</ul>
	</nav> <!-- .cd-side-navigation -->
	
	<main class="cd-main">
		<section class="cd-section contact visible">
			<header>
				<div class="zhuye">
					<a href="index.html"><img src="img/49.png" alt=""></a>
				</div>
				<div class="cd-title">	
						<h2>消费投诉</h2>
					<span>Consumer Complaints</span>
				</div>
				<a href="#contact-content" class="cd-scroll">Scroll Down</a>
			</header>

			<div class="cd-content" id="contact-content">
					<div class="user_mesg">

					<form action="#" method="post" id="msgform" class="fl">
						<div class="quick_liuyan_con">
							<div class="item">
								<span><b class="star">*</b>姓名</span>
								<div class="item-right">
									<input type="text" id="name" class="v-ipt" value="" name="xingming" placeholder="姓名">
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item">
								<span><b class="star">*</b>电话</span>
								<div class="item-right">
									<input type="text"  id="dianhua" value="" name="dianhua" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"  minlength="11" maxlength="11" placeholder="请输入手机号">
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item">
								<span>QQ/Email</span>
								<div class="item-right">
									<input type="text" value="" name="email" id="email">
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item">
								<span><b class="star">*</b>留言</span>
								<div class="item-right">
									<textarea name="neirong" id="Message" class="Message" cols="30" rows="10"></textarea>
								</div>
								<div style="clear: both"></div>
							</div>
							<div class="item">
								<input name="url" value="" id='burl' type="hidden">
								<input type="submit" class="btn-mesSubmit" id="imgBtnUp1" onclick="verify()" value="提交留言">
							</div>
						</div>
					</form>
					<div class="form-right fl">
						<h3>您可以根据以下<span>快捷留言</span></h3>
						<ul class="quickMessage">
							<li> <a><p>物流配送慢</p></a> </li>
							<li> <a><p>服务人员态度差</p></a> </li>
							<li> <a><p>商品质量差，有破损</p></a> </li>
							<li> <a><p>买的商品日期过期</p></a> </li>
							<li> <a><p>结账排队时间过长，浪费时间</p></a> </li>
							<li> <a><p>蔬果不新鲜</p></a> </li>
						</ul>
					</div>
				</div>
				
				<script src="js/script.js" type="text/javascript"></script>
				
			</div> <!-- .cd-content -->
		</section> <!-- .cd-section -->
	</main> <!-- .cd-main -->

	<div id="cd-loading-bar" data-scale="1" class="contact"></div> <!-- lateral loading bar -->
<script src="js/jquery-2.1.4.js"></script>
<script src="js/velocity.min.js"></script>
<script src="js/main.js"></script> <!-- Resource jQuery -->

</body>
</html>